/* 手机端下拉 */
/* navbar toggle */
body.navOverFlow {overflow: hidden;}
.wrapClick {display: none;}
.menu-trigger {cursor: pointer; width: 19px;height: 16px; display: inline-block;z-index: 5; position: relative;}
.menu-trigger .nav-line {width: 100%;position: absolute;top: 0;right: 0;height: 2px;background: #fff;-webkit-border-radius: 4px;border-radius: 4px;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;backface-visibility: hidden;}
.menu-trigger .nav-line.nav-line-1 {-webkit-transition: all 0.3s 0.3s, transform 0.3s 0s;transition: all 0.3s 0.3s, transform 0.3s 0s; }
.menu-trigger .nav-line.nav-line-2 {  top: 50%;margin-top: -1px;right: 0;-webkit-transition: all 0.3s 0.3s ease;transition: all 0.3s 0.3s ease;width: 100%;}
.menu-trigger .nav-line.nav-line-3 { bottom: 0;top: auto;right: 0;-webkit-transition: all 0.3s 0.3s, transform 0.3s 0s;transition: all 0.3s 0.3s, transform 0.3s 0s;}
/* navbar toggle open/active */
.menu-trigger.open .nav-line {background: #fff;}
.menu-trigger.open .nav-line-1 {top: 50%;margin-top: -1px;-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all 0.3s, transform 0.3s 0.3s;transition: all 0.3s, transform 0.3s 0.3s;}
.menu-trigger.open .nav-line-2 { opacity: 0;-webkit-transition: all 0.3s, opacity 0.3s 0s;transition: all 0.3s, opacity 0.3s 0s;}
.menu-trigger.open .nav-line-3 { bottom: 50%;margin-bottom: -1px;-webkit-transform: rotate(-45deg); transform: rotate(-45deg);-webkit-transition: all 0.3s, transform 0.3s 0.3s;transition: all 0.3s, transform 0.3s 0.3s;}

.hadNav2 {position: absolute;left: 0; top: 100%; z-index: 7;width: 100%; height: 100vh; background-color: #fff; display: none;}
.hadNav2 .nav2Box {width: 96%; margin: auto;  height: calc(100% - 1rem);     margin-left: 2%;}
.wrapNav {height: calc(100% - 0.35rem); margin-bottom: 30px; overflow-x: hidden;overflow-y: auto; padding-right: .15rem;}
.wrapNav > li {padding: .2rem 0; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.wrapNav > li > a {display: flex; justify-content: space-between; align-items: center;}
.wrapNav > li > a > span {font-size: var(--font20);color: #333; display: block; }
.wrapNav > li:hover > a > span {color: #ba0703;}
.wrapNav > li > a > i {transition: .5s;}
.wrapNav > li > a > i svg { width: 15px; height: 100%;}
.wrapNav > li.active > a > i {transform: rotateX(180deg);}

.wrapNav2 {padding:5px 10px; padding-right: 0;display: none;}
.wrapNav2 > li {margin-top: 0.1rem; }
.wrapNav2 > li > a > span {font-size: var(--font18);color: #333; display: block;}
.wrapNav2 > li:hover > a > span {color: #ba0703;}
.wrapNav2 > li > a {display: flex; justify-content: space-between; align-items: center;}
.wrapNav2 > li > a > i { width: 40px; height: 25px; display: flex;align-items: center;flex-shrink: 0; justify-content: center; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; position: relative;}
.wrapNav2 > li > a i:after, .wrapNav2 > li > a i:before { content: "";display: block;width: 14px;height: 2px;position: absolute;top: 50%;left: 90%; margin-left: -13px; background-color: #333;}
.wrapNav2 > li > a i:before {transform: rotate(90deg);}
.wrapNav2 > li.active > a i:before { opacity: 0;}

.wrapNav3 {padding:5px 10px; padding-right: 0; display: none;}
.wrapNav3 > li {margin-top: 0.5rem;}
.wrapNav3 > li > a {font-size: 1.1rem;color: #333; display: block;}
.wrapNav3 > li:hover > a {color: #ba0703;}

/* 头部悬浮 */
.top-headerUp .menu-trigger .nav-line {background: #333;}

@media screen and (min-width: 200px) and (max-width: 1900px) {
 
}

/* ======================================================1700px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1700px) {
}

/* ======================================================1600px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1600px) {
}

/* ======================================================1580px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1580px) {

}

/* ======================================================1500px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1500px) {
}
/* ======================================================1450px========================================================= */

@media screen and (min-width: 200px) and (max-width: 1450px) {
}
/* ======================================================1400px========================================================= */

@media screen and (min-width: 200px) and (max-width: 1400px) {
}

/* ======================================================1350px========================================================= */

@media screen and (min-width: 200px) and (max-width: 1350px) {
}

/* ======================================================1300px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1300px) {
}

/* ======================================================1250px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1280px) {
}

/* ======================================================1200px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1200px) {
  /* 头部 */
  .headerNav {margin-left: 0;}
  .headerRe {width: 13%;}

  /*======首页===== */
  .indexOne ul li {padding: 0.4rem .5rem;}

  /* =====生产技术===== */
  .produceOne ul li {padding: 0 .5rem;}
  .produceTwoSlide .bd {width: 75%;}

  /* =====联系我们===== */
  .contact::after {width: 52%;}
  .indexEight .box .re {width: 45%;}
  .indexEight .box .re .col2 input:focus + label {top: -.2rem; }
  .indexEight .box .re .col2 input.filled + label {top: -.2rem;}
  .indexEight .box .re .col3 select:focus + label {top: -.2rem;}
  .indexEight .box .re .col3 select.filled + label {top: -.2rem;}
}

/* ======================================================1100px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1100px) {
  /* =====社会责任===== */
  .socialOne {top: 0; padding-bottom: 1rem;}
  .socialOne .proDucetTle {top: 0; padding: .7rem 0;}
  .socialOne .boxAll {width: auto; height: auto; top: 0; padding: 0; display: flex; justify-content: space-between; align-items: center;}
  .socialOne .boxAll::after {display: none;}
  .socialOne .box {order: 1;}
  .socialOne .box .imgBox {width:5rem; height: 5rem; border-radius: 50%; margin: auto;}
  .socialOne .box .imgBox::before { content: ""; top: -8%; position: absolute; width: 116%;  height: 116%;  left: -8%; border: 0.01rem dashed #cccccc; border-radius: 50%;}
  .socialOne .box .imgBox img {height: 100%; object-fit: cover;border-radius: 50%; }
  .socialOne .box .imgBox::after {height: 100%;}
  .socialOne ul li {position: relative; left: 0 !important; top: 0 !important;  margin: .3rem 0; display: flex;align-items: center;}
  .socialOne ul li i {order: -1;margin-right: .2rem;}
  .socialOne ul li:nth-child(2) i {display: inline-block; margin: 0; margin-right: .2rem;}
  .socialOne ul li span {font-size: var(--font18);}
  /* .socialOne ul li:nth-child(odd) {text-align: right;}
  .socialOne ul li:nth-child(1) {width: 100%; text-align: center;}
  .socialOne ul li:nth-child(2) i {display: inline-block;} */

  .socialTwo .proDucetTle {padding-top: .8rem;}

}

/* ======================================================1028px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1028px) {
  /* 头部 */
  .headerNav {display: none;}
  .wrapClick {display: block;}
  .headerRe {width: 25%;}

  /* 底部 */
  .foterNav {flex-wrap: wrap;}
  .foterNav dl {margin-right: .5rem;}

  /* =====生产技术===== */
  .produceFour ul {    grid-template-columns: repeat(2,1fr);}
  /* 智能化生产 */
  .smartFour ul {grid-template-columns: repeat(2,1fr);}

  /* =====产品详情===== */
  .proDateInfo .proDateCon .table {flex-wrap: wrap;}
  .proDateInfo .proDateCon .table > table {width: 100%; margin-right: 0; text-align: center;}
  .proDateInfo .proDateCon .table .tableOne {width: 100%;}
}

/* ======================================================960px========================================================= */
@media screen and (min-width: 200px) and (max-width: 960px) {

  /* ======首页===== */
  .indexTwo .box .le {padding-right: .5rem;}
  .indexThree ul li .imgBox img {min-height: 4rem; object-fit: cover;}
  .aboutXh .box {flex-wrap: wrap;}
  .aboutXh .box .le {width: 40%;}
  .aboutXh .box .re {margin-right: 0;}

  /* =====关于我们===== */
  .honerNav dl {gap: .5rem;}
  /* 荣誉资质 */
  .honerList ul {grid-template-columns: repeat(3,1fr);}
  /* 视频展示 */
  .videoList ul {    grid-template-columns: repeat(3,1fr);}

  /* =====生产技术===== */
  .produceOne ul li {padding: 0 .25rem;}
  /* 生产设备 */
  .proMentOne ul {grid-template-columns: repeat(3,1fr);}

  /* =====新闻中心===== */
  .newsInfoSwiper .swiper-button-prev {left: 39%;}

  /* =====招聘与责任===== */
  .dutyOne .box {flex-wrap: wrap;}
  .dutyOne .box .le {width: 100%;}
  .dutyOne .re {width: 100%;}
  .dutyOne .re dl {grid-template-columns: 30% 30% 5.3% 16% 16%;}
  .dutyThree ul li dl {grid-template-columns: repeat(2,auto); gap: .5rem;}
  .dutyThree .tleInfo span:last-child {display: block;}
  .dutyFourSwiper .swiper-slide {width: 33%;}
  /* 社会责任 */
  .socialTwoSlide .hd ul {padding: 0 1rem;}

  /* =====联系我们===== */
  .contact .box {flex-wrap: wrap;}
  .indexEight .box .re , .indexEight .box .le {width: 100%;}
  .indexEight .box .re {margin-top: 1rem;}
  .contact::after {width: 100%; height: 42%; bottom: 0; top:auto;}
}

/* ======================================================手机端========================================================= */
@media screen and (min-width: 200px) and (max-width: 767px) {
  /* 头部 */
  .logoCon {display: none;}
  .headerRe {width: 45%;}
  .header .logo .logoImg {margin: 0;}
  .header .logo {/*transform: rotate(90deg);*/margin-left: 4%;}
  .searchBox form {width: 90%;}

  /* 底部 */
  .foterNav {display: none;}

  /* =====首页===== */
  .bannerSwiper {height: 60vh;}
  .bannerSwiper .con {top: 50%; text-align: center;}
  .bannerSwiper .con .p2 {font-size: .6rem;}
  .bannerSwiper .swjt img {width: 50%;}
  .swiper-num {bottom: 9%;}
  .indexOne ul {flex-wrap: wrap;}
  .indexOne ul li {padding: 0.4rem 30px; width: 50%;}
  .indexOne ul li:nth-child(1) {background: #fcfcfc;}
  .indexOne ul li:nth-child(2) {background: #f1f1f1;}
  .indexOne ul li:last-child {display: none;}
  .indexOne ul li span {font-size: .16rem;}
  .indexTwo .box {flex-wrap: wrap;}
  .indexTwo .box .le {width: 100%;padding: .5rem 30px;}
  .indexTwo .box .le .more a {width: 2.5rem; height: .8rem;    border-radius: 0.4rem;}
  .indexTwo .box .imgBox {width: 100%; min-height: auto;}
  .indexThree ul {flex-wrap: wrap;}
  .indexThree ul li {width: 100%;}
  .indexThree ul li .con {padding: 0 30px; padding-top: 13%;}
  .indexThree ul li .imgBox img {min-height: auto;}


  /* ==================================================================================内页============================================================= */

  /* 内页banner */
  .ny-banner .imgBox img {min-height: 4rem;}
  .ny-banner .con em {font-size: 0.3rem;}
  .ny-banner .con h3 {font-size: .5rem;}
  .ny-banner .con strong span {font-size: .5rem;}
  .ny-banner .con2 .text {font-size: var(--font18);}

  /* =====关于我们===== */
  .aboutXh .box .le {width: 100%;}
  .aboutXh .box .le .tle {text-align: center;}
  .aboutXh .box dl {justify-content: space-around; margin-top: .5rem;}
  .aboutXh .box .re {width: 100%; margin-top: 1rem;}
  .aboutXh ul li {width: 48%;}
  .aboutNav ul {height: auto; flex-wrap: wrap;}
  .aboutNav ul li a { padding: .25rem .45rem;}
  /* 荣誉资质 */
  .honerNav dl {gap: 10%;}
  .honerNav dl dd {flex-direction: column;justify-content: center;}
  .honerNav dl dd .icBox {width: .5rem; height: .5rem; margin: auto;}
  .honerNav dl dd .icBox img {max-width: 100%;}
  .honerNav dl dd span {margin-left: 0;margin-top: .2rem;}
  .honerList ul {grid-template-columns: repeat(2,1fr); gap: .5rem;}
  .honerList ul li .con span {padding-right: .5rem; font-size: var(--font14);}
  /* 视频展示 */
  .videoList ul {grid-template-columns: repeat(2,1fr);}
  /* 组织架构 */
  .structure {padding: 1rem 0;}
  
  /* ======产品中心===== */
  .proCenter .tle .text {width: 100%;}
  .proCenter ul {grid-template-columns: repeat(1,1fr);}
  .proCenter ul li {grid-column: 1 !important; min-height: 4rem;}
  .proCenter ul li:hover .disc {    transform: translateY(-20%);}
  .proCenter ul li .con .more {top: 125%;}
  /* 产品列表 */
  .proListNavSwiper {max-width: 90%;}
  .proListNavSwiper .swiper-slide {flex: none; width: 33%;}
  .proListNavSwiper a {padding: .3rem .1rem;}
  .proListNav .swjt {display: flex;}
  .currentPro {padding: 1rem 0;}
  .currentPro .box {flex-wrap: wrap;}
  .currentPro .con {width: 100%; margin-bottom: 1rem;}
  .currentPro .imgBox {width: 100%;}
  .proDevise ul {grid-template-columns: repeat(2,1fr);gap: .25rem;}
  .proDevise ul li a {padding: .25rem;}
  .proDevise ul li .more span {font-size: .16rem;}
  .proDevise ul li h6 {font-size: var(--font18);}
  /* 产品详情 */
  .proDateInfo {padding: .5rem;}
  .proRelatedSwiper {width: 100%;}
  .proDateRelated .swiperBox .swjt {display: none;}
  .proRelatedSwiper .swiper-slide .more span {font-size: var(--font16);}
  .proDateRelated .swiper-pagination {display: block;}
  .proRelatedSwiper .swiper-slide .more {width: 2rem; height: .6rem;}
  .proRelatedSwiper .swiper-slide:hover .more {background: #BC0703 url(../images/jt5.png) no-repeat 90%;background-size: auto 45%;}
  .proRelatedSwiper .swiper-slide h6 {font-size: var(--font18);}

  /* =====生产技术===== */
  .produceOne ul {flex-wrap: wrap;}
  .produceOne ul li {width: 100%; margin-bottom: .5rem;}
  .produceOne ul li .xian {display: none;}
  .produceTwoSlide {flex-wrap: wrap;}
  .produceTwoSlide .hd {width: 100%;}
  .produceTwoSlide .bd {width: 100%; margin-top: .5rem;}
  .produceThree .box ul {flex-wrap: wrap;}
  .produceThree .box ul li {width: 100%;}
  .produceThree ul li .more a {width: 2.5rem; height: .8rem;     border-radius: 0.4rem;}
  .produceFour ul {grid-template-columns: repeat(1,1fr);}
  .produceFive ul {flex-wrap: wrap; margin-top: .5rem; justify-content: space-between;}
  .produceFive ul li {width: 48%; margin-right: 0; margin-bottom: .8rem;}
  .produceFive li:nth-child(3) {top: 20px;}
  /* 生产设备 */
  .proMentOne ul {grid-template-columns: repeat(2,1fr);}
  /* 设备详情 */
  .caseDate .datefy .back {display: flex; justify-content: center; margin-top: .5rem; width: 100%;}
  .caseDate .datefy .prevNext {width: 100%;}
  /* 智能化生产 */
  .smartTwo {margin-top: .5rem;}
  .smartTwo ul {flex-wrap: wrap;}
  .smartTwo ul li {width: 100%; margin-top: .3rem;}
  .smartThree ul {flex-wrap: wrap;}
  .smartThree ul li {width: 100%; margin-bottom: .3rem;}
  .smartThree li .text {line-height: 1.8;}
  .smartThree li dl dd {font-size: 14px; text-align: center;}
  .smartFour ul {    grid-template-columns: repeat(1,1fr);}
  .smartFour ul li {text-align: center;}
  .smartFour ul li p {line-height: 1.8;}

  /* =====品质服务===== */
  .qualitSystem .litySystemBox {padding: 0;}
  .qualitSystem .swiperBox {position: relative;}
  .qualitSystem ul {padding: .15rem;}
  .qualitSystem ul li {    padding: 0 .25rem;}
  /* 客户服务 */
  .qualiRFPC ul { grid-template-columns: repeat(2,1fr);}

  /* =====新闻中心===== */
  .newsInfoSwiper .slideBox {flex-wrap: wrap;}
  .newsInfoSwiper .slideBox .le {width: 100%; padding: .5rem;}
  .newsInfoSwiper .slideBox .more {width: 2.5rem; height: .8rem;}
  .newsInfoSwiper .re {width: 100%; order: -1;}
  .newsInfoSwiper .swjt {top: 93%; right: 3%; width: .6rem; height: .6rem;}
  .newsInfoSwiper .swiper-button-prev {left: 75%;}
  .newsCenterSwiper {position: static; max-width: 80%; margin: auto;}
  .newsCenterSwiper .swjt {display: flex;}
  .newsCenterSwiper .swiper-slide {flex: none; width: auto; }
  .newsCenter .tle {width: 100%; text-align: center; margin-bottom: .3rem;}
  .newsCenter .swiperBox {width: 100%;}
  .newsCenterSwiper .swiper-slide a {margin: 0 20px !important; padding-bottom: .12rem; font-size: var(--font30);}
  .newsList ul {grid-template-columns: repeat(1,1fr); width: 100%; margin-left: 0;}
  .newsList ul::before {display: none;}
  .newsList ul::after {display: none;}
  /* 新闻详情 */
  .newsDate .tleBox .tleLe {margin-right: 0; width: 100%;}
  .newsDate .tleBox dl {gap: .3rem; display: flex; flex-wrap: wrap; gap: 0; margin-bottom: .3rem;}
  .newsDate .tleBox dl dd {margin-bottom: .3rem; margin-right: .5rem;}
  .newsDate .tleBox .more {margin: auto; margin-top: .2rem; width: 2.5rem;background-size: 15%;}
  .newDateCon .box {flex-wrap: wrap;}
  .newDateCon .box .le {width: 100%;}
  .newDateCon .box .re {width: 100%; margin-top: 1rem;}
  
  /* =====招聘与责任===== */
  .dutyOne .box .le {padding: .25rem;}
  .dutyOne .re dl {grid-template-columns: 30% 30% 5.3% 15% 15%;}
  .dutyTwo .text {width: 100%;}
  .dutyThree ul li {padding: .4rem;}
  .dutyThree ul li dl span {font-size: var(--font16);}
  .dutyThree ul li h5 {text-align: center;}
  .dutyThree ul li .liBox {flex-wrap: wrap;}
  .dutyThree ul li dl {width: 100%; margin-right: 0;}
  .dutyThree ul li dl dd:nth-child(4) {grid-column: 1 / 3;}
  .dutyThree ul li .more {width: 100%; top: 0; margin-top: .5rem;}
  .dutyThree ul li .more a {width: 2rem; height: .6rem; margin: auto;}
  .dutyFourSwiper .swiper-slide {width: 52%;}
  .dutyFourSlideSwiper .item {height: .7rem;    width: 2.3rem;}
  /* 社会责任 */
  .aboutFive {padding-bottom: 0;}
  .aboutFive .swiperBox {padding-bottom: 2rem;}
  .abFiveSwiper .swjt {top: 120%;}
  .abFiveSwiper .swiper-slide {width: 52%;}
  .socialOne .boxAll {flex-wrap: wrap;}
  .socialOne .boxAll ul {width: 100%; margin-top: .5rem;}
  .socialOne .box {order: -1; margin: auto;}
  .socialTwoSlide .hd ul {padding: 0;}
  .socialTwoSlide .hd ul li {flex-direction: column; justify-content: center;}
  .socialTwoSlide .hd ul li span {margin-left: 0; margin-top: 10px;}
  .socialTwoSlide .bd ul {grid-template-columns: repeat(1,1fr);  gap: .25rem;}
  
  .socialTwoSlide .bd ul p strong span {font-size: .35rem !important;}
  .socialTwoSlide .bd .scciaList tbody tr {display: flex; flex-wrap: wrap;}
  .socialTwoSlide .bd .scciaList tbody tr td {width: 100%;}
  .socialTwoSlide .bd ul .scciaList tr td p {white-space: wrap; line-height: initial !important;}
  .socialTwoSlide .bd ul .scciaList tr td p span {font-size: .25rem !important;}
  .socialTwoSlide .bd ul:nth-child(3) .scciaList tr td {width: 100%;}

  
  /* =====联系我们===== */
  .contact .box .mapNav a {width: 2.5rem; height: .8rem; border-radius: 0.41rem;}
  .indexEight .box .re .col2 {margin-bottom: .8rem;}
  .indexEight .box .re .col2 input:focus + label {top: -.3rem; }
  .indexEight .box .re .col2 input.filled + label {top: -.3rem;}
  .indexEight .box .re .col3 select:focus + label {top: -.3rem;}
  .indexEight .box .re .col3 select.filled + label {top: -.3rem;}
  .indexEight .box .re .subinput {display: flex; justify-content: center;}

  /* 搜索页面 */
  .search-page form {padding: 0px 20px;}
  .search-page form .searchCon {width: 90%;}
  .search-page li {padding: 20px;}
}

@media screen and (min-width: 200px) and (max-width: 640px) {
  /* 关于我们 */
  .aboutNav{display: none;}
  .aboutXh ul li {width: 100%;} 

}

@media screen and (min-width: 200px) and (max-width: 500px) {
  /* 首页 */
  .indexOne ul li span {font-size: var(--font18);}
}

@media screen and (min-width: 200px) and (max-width: 450px) {
}

@media screen and (min-width: 200px) and (max-width: 300px) {
  /* =====头部===== */
  .headerRe {width: 55%;}
}